<template>
  <van-list
    v-model="listLoading"
    :finished="listFinished"
    :finished-text="listFinishedText"
    :error.sync="listError"
    :error-text="listErrorText"
    :immediate-check="listImmediateCheck"
    @load="onListLoad"
  >
    <template #loading>
      <van-loading :color="rootThemeColor" type="spinner">{{ listLoadingText }}</van-loading>
    </template>
    <template v-if="data.length">
      <film-item
        class="movies-unit"
        v-for="sm in data"
        :key="sm.media_id"
        :title="sm.title"
        :area="sm.areas"
        :actor="sm.cv"
        :staff="sm.staff"
        :cover-path="sm.cover"
        :type-name="sm.season_type_name"
        :all-params="sm"
      />
    </template>
   </van-list>
</template>
<script>
import FilmItem from '@/components/film-item/FilmItem.vue'
import SearchResultBase from './SearchResultBase.vue'
export default {
  name: 'SearchResultMovies',
  extends: SearchResultBase,
  components: {
    FilmItem
  },
  props: {
    searchType: {
      type: String,
      default: 'media_ft'
    }
  }
}
</script>

<style>

</style>
